/* 表单验证的js  vee-validate插件表单验证区域 */
import Vue from 'vue';
import VeeValidate from 'vee-validate';
/* 引入中文的提示信息 */
import zh_CN from 'vee-validate/dist/locale/zh_CN'

Vue.use(VeeValidate)

/* 表单验证 */
VeeValidate.Validator.localize('zh_CN', {
    messages: {
        /* 使用中文提示信息 */
        ...zh_CN.messages,
        /* 验证确认密码是否与密码相同 */
        is: (field) => `${field}必须与密码相同`
    },
    /* 给校验的filed 属性名映射中文名称 */
    attributes: {
        phone: '手机号',
        code: '验证码',
        password: '密码',
        password1: '确认密码',
        agree: '协议'
    }
})

/* 自定义校验规则 isCheck为自定义规则名字 */
VeeValidate.Validator.extend('isCheck', {
    validate: value => value,
    getMessage: field => field + '必须同意'
})